<html>
    <head>
	    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<p:css name="iphone" />
        <p:css name="hex-floor" />
        <p:css name="player" /> 
	</head>
<body>

<div class="tiles imageWindow">
	<g:if test="${ images }">
		<g:each in="${images}" var="image" status="counter">
			<g:if test="${counter % columns == 0}">
				<g:if test="${counter!=0}">${'</div>'}</g:if>
				${'<div>'}
			</g:if>
			<div>
				<img src="${resource(dir:'images', file:image.src)}" imageId="${image.entityId}" />
				<div>${image.name}</div>
			</div>
		</g:each>
	</g:if>
</div>

</body>
</html>